<%-- 
    Document   : agregarPuestoTrabajo
    Created on : 13-nov-2010, 11:49:38
    Author     : Quicksoft
--%>

<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<% request.setAttribute("allowed", "Gestionar Cargos y Puestos de Trabajo"); %>
<%@ include file='../Templates/security.jsp' %>

<h1 class="title">Gestión de Puestos de Trabajo</h1>
<hr>
<p class="meta"></p>
<div class="entry">
    <center>
        <h2>Agregar Puesto de Trabajo</h2>
        <br>
        <html:form action="/agregarPuestoTrabajo" styleId="agregarPuestoTrabajoForm" onsubmit="return agregarPuestoTrabajo();">
            <table>
                <tbody>
                    <tr><td><html:errors property = "pt_fallido"/></td></tr>
                    <tr>
                        <td><font color="red">*&nbsp;</font>Cargo Asociado:</td>
                        <td>
                            <select id="Cargo" name="nombreCargo">
                                <option value=""></option>
                            </select>
                            <html:errors property = "cargo_pt_requerido"/>
                        </td>
                    </tr>
                    <tr>
                        <td><font color="red">*&nbsp;</font>Nombre del puesto:</td>

                        <td><html:text property="nombre" size="40" />
                            <html:errors property = "nombre_pt_requerido"/>
                            <html:errors property = "nombre_pt_invalido"/></td>
                    </tr>
                    <tr>
                        <td><font color="red">*&nbsp;</font>Sede:</td>
                        <td>
                            <select id="Sedes" name="sede" onchange="listEspacios(value)">
                                <option value="" selected></option>
                            </select>
                            <html:errors property = "sede_pt_requerido"/>
                        </td>
                    </tr>
                    <tr>
                        <td><font color="red">*&nbsp;</font>Espacio:</td>
                        <td>
                            <select id="Espacios" name="espacio" onchange="listPisos(value)">
                                <option value="" selected></option>
                            </select>
                            <input type="hidden" name="tipo" id="tipoEspacio"/>
                            <html:errors property = "espacio_pt_requerido"/>
                        </td>
                    </tr>
                    <tr id="pisoRow">
                        <td><font color="red">*&nbsp;</font>Piso:</td>
                        <td>
                            <select id="Pisos" name="piso">
                                <option value="" selected></option>
                            </select>
                            <html:errors property = "piso_pt_requerido"/>
                        </td>
                    </tr>
                    <tr>
                        <td><font color="red">*&nbsp;</font>Descripción:</td>
                        <td><html:textarea property="descripcion" cols="30" rows="4"/>
                            <html:errors property = "descripcion_pt_requerido"/></td>
                    </tr>
                </tbody>
            </table>
            <br>
            <font color="red"><p>Los campos con * son obligatorios.</p></font>
            <br>
            <html:submit value="Agregar" />
            <html:button property="" styleClass="back" value="Atrás"/>
        </html:form>
    </center>
</div>
<div style="clear: both;">&nbsp;</div>
<script type="text/javascript">
    $(function(){
        $('#pisoRow').hide();
        listaCargos();
        listaSedes();
    })

    function listPisos(espacio){
        if($('#Espacios option:selected').hasClass('Edificio')){
            $('#tipoEspacio').val('Edificio');

            $('#pisoRow').show();
            $('#Pisos').html("<option value='' ></option>");
            $.getJSON("getPisos.do?edificio="+espacio+"&sede="+$("#Sedes").val(),
            function(data) {
                if(data.pisos == null || data.pisos.length <= 0)
                    $('#Pisos').html("<option value=''>N/A</option>").attr('disabled',true);
                else {
                    $.each(data.pisos, function(i,item){
                        piso = item.id_piso == 0 ? "PB" : item.id_piso;
                        string = "<option value='"+item.id_piso+"'>"+piso+"</option>";
                        $('#Pisos').append(string).attr('disabled',false);
                    });
                }
            });
        } else {
            $('#tipoEspacio').val('Otro');
            $('#pisoRow').hide();
        }
    }
</script>
